import React from 'react'
import { Carousel } from "antd-mobile"
import "./Groupon.less"
function Groupon(props) {
let {getGroupon}=props
    return (
        <div className="con">
            <Carousel
                className="space-carousel"
                frameOverflow="visible"
                cellSpacing={10}
                slideWidth={0.8}
                autoplay={true}
                infinite={true}
            >
                {
                    getGroupon.map((item) => (
                        <img key={item.id} src={item.img} alt="" />
                    )
                    )
                }

            </Carousel>
        </div>
    )
}

export default React.memo(Groupon)